// @ts-nocheck
import React, { Component } from 'react';


class Count extends Component {

  
  increment = () => {
    // console.log (this.selectNum)
    const {value} = this.selectNum
    this.props.jia (value*1)
  }

  decrement = () => {
    const {value} = this.selectNum
    this.props.jian (value*1)
  }

  incrementIfOdd = () => {
    const {value} = this.selectNum
    if (this.props.count %2 !== 0) {
      this.props.jia (value*1)
    }
    
  }

  incrementAsync = () => {
    const {value} = this.selectNum
    this.props.asyncJia (value*1, 1000)
  }

  render() {
    return (
      <div>
        <h1> 求和为： {this.props.count} </h1>
        <select  ref={c => this.selectNum = c}>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
        </select> &nbsp;
        <button onClick={this.increment}>+</button>&nbsp;
        <button onClick={this.decrement}>-</button>&nbsp;
        <button onClick={this.incrementIfOdd}>和为奇数 +</button>&nbsp;
        <button onClick={this.incrementAsync}>异步 +</button>&nbsp;
      </div>
    );
  }
}

export default Count;
